<template>
<div id="app">
  <div class="myheader">
    <h2>{{title}}</h2>
  </div>
  <div class="main">
    <slot>
        <h2>我是默认内容</h2>
    </slot>
  </div>
  <div class="foot">
    {{foottext}}<van-icon name="arrow" />
  </div>
</div>
</template>

<script setup>
defineProps({
  mainData:{
    default:()=>({})
  },
  title:{
    default:""
  },
  foottext:{
    default:"查看"
  }
})
</script>
 
<style lang="less" scoped>
#app{
    padding: 5px 15px;
    .myheader{
        padding: 10px 1px;
        border-bottom: 1px solid rgb(207, 205, 205);
        margin-bottom: 10px;
    }
    .foot{
        padding: 20px 0;
        display: flex;
        justify-content: flex-end;
        color: orange;
    }
}
</style>